<html>
    <body>
    <head>
        <title>Metronomo - keeps your time</title>
        <link rel="stylesheet" href="bluepigment/images/BluePigment.css" type="text/css" />
        <link rel="icon" href="images/favicon.png" type="image/x-icon" />
        <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon" />
    </head>

    <div id="header">
        <div wicket:id="userPanel" id="user-details" class="align-right">[user login] <a href="#">Log out</a></div>
        <div id="header-content">
            <!--			<img src="images/chronometer.png" alt="Angry face" />-->
            <h1 id="logo-text"><a href="index.html">Metronomo</a></h1>
        </div>
    </div>

    <div wicket:id="menuPanel">Here will be the menu</div>

    <div id="content-wrap">
        <div id="content">
            <div wicket:id="summaryPanel">Here goes the user activity summary</div>
            <div id="main">
                <wicket:child> Here goes main panels </wicket:child>
            </div>
        </div>
    </div>

    <!--footer starts here-->
    <div id="footer-wrap">
        <div id="footer-bottom">
            <p>
                &copy; 2010 <strong><a href="code.google.com/p/metronomo/">metronomo.org</a></strong> |
                <a href="http://www.bluewebtemplates.com/" title="Website Templates">website templates</a> by <a href="http://www.styleshout.com/">styleshout</a> |
			Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | 
                <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>   		
            </p>
        </div>	
    </div>
</body>
</html>